*{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.app{
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
}

.top{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: lightcoral;
}

.bottom{
    height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top:1px solid lightgrey ;
}
.bottom>li>a{
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: black;
   text-decoration: none;
   background-color: none;
}
.bottom>li{
    height: 100%;
    width: 100%;
}
.bottom>li>a.active{
    color: lightcoral;
}
.content{
    flex: 1;
}